*{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-decoration: none;
}

/* 头部 */
.head1-1{
    height: 60px;
    width: 100vw;
    background-color: #ff8a00;
    display: flex;
}
.head2-1{
    flex: 15;
}
.head2-2{
    flex: 3;
}
.head2-3{
    flex: 4;
}
.img1-1{
    height: 50px;
    margin-left: 10px;
    padding-top: 5px;
}

/* 内容 */

.div1{
    height:360px;
    width: 100vw;
    background-size: cover;
    background-image: url(../image/index/banner.png);
    position: relative;
}
.div1-2{
    width: 440px;
    height: 40px;
    border: 1px solid;
    border-radius: 8px;
    position: absolute;
    left: 20px;
    bottom: 5px;
    display: flex;
}
.seach{
    border-radius: 8px;
    flex: 1;
}
.input1{
    flex: 9;
    font-size: 1rem;
    border: 0px;
}

.div2{
    width: 100vw;
    height: 120px;
    background-color: rgb(255,138,0);
}
.ul1{
    width: 100vw;
    height: 120px;
    background-color: rgb(255,138,0);
    display: flex;
}
.li1-1{
    flex: 1;
}
.li1-2{
    flex: 1;
}
.li1-3{
    flex: 1;
}
.li1-4{
    flex: 1;
}
.index-03{
    margin-top: 5px;
    margin-left: 5px;
    width: 70px;
}
.p2-1{
    font-size: 1rem;
    color: #fff;
    margin-left: 15px;
}
.div3{
    height:424px;
    width: 100vw;
}
.banner2{
    width: 100vw;
    height: 424px;
}
.div4{
    width: 100vw;
    height: 80px;
    background-color: rgb(255,138,0);
}
.h4{
    margin-top: 5px;
    color: #fff;
    text-indent: 1rem;
}
.p4-1{
    color: #fff;
    text-indent: 1rem;
}
.div5{
    width: 100vw;
    height: 720px;
    
}
.ul5{
    width: 100vw;
    height: 640px;
    display: flex;
    flex-direction: column;
}
.li5-1{
    flex: 1;
}
.li5-2{
    flex: 1;
}
.li5-3{
    flex: 1;
}
.div5-1{
    margin-top: 20px;
    display: flex;
}
.div5-1-1{
    flex: 2;
}
.img1{
    width: 120px;
    margin-left: 10px;
}
.div5-2{
    flex: 5;
}
.span5-2{
    float: right;
    margin-right: 60px;
    color: rgb(255,138,0);
}
.span5-3{
    color: rgb(180,158,141);
}
.span5-4{
    float: right;
    margin-right: 60px;
    color: rgb(180,158,141);
}
.span5-5{
    color: rgb(133,159,182);
}
.span5-6{
    color: rgb(133,159,182);
}
.div6{
    width: 100vw;
    height: 300px;
    margin-top: -80px;
    display: flex;
}
.ul6-1{
    flex: 1;
}
.li6-1{
    height: 80px;
    text-align: center;
    border-bottom: 1px solid rgb(255,138,0);
    line-height: 80px;
    color: rgb(107,114,129);
    font-size: 30px;
}
.li6-1:hover{
    color: rgb(255,138,0);
    border-bottom: 2px solid rgb(255,138,0);

}
.li6-2{
    height: 60px;
    line-height: 60px;
    color: rgb(107,114,129);
    text-indent: 2rem;
}
/* 底部 */
html{
    font-size: 20px;
}

.last1-1{
    height: 300px;
    width: 100vw;
    background-color: #2f3130 ;
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: -1615px;
    color: rgb(114,116,115);
}
.last2-1{
    flex: 1;
    font-size: 1rem;
    margin-left: 10px;
    margin-right: 10px;
    border-bottom: 1px rgb(114,116,115);
}
.last2-2{
    flex: 1;
    display: flex;
}
.last3-11{
    width: 20%;
}
.last3-1{
    width: 10%;
}
.last3-2{
    width: 20%;
}
.last3-3{
    width: 10%;
}
.last3-4{
    width: 40%;
}
.last3-1>img{
    margin-top: 5px;
}
.last3-3>img{
    margin-top: 5px;
}
.last2-3{
    flex: 1;
    position: relative;
}
.last-p3{
    width: 300px;
    position: absolute;
    left: 50%;
    top: 10px;
    margin-left: -150px;
}
.last-p4{
    font-size: 15px;
    width: 280px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -140px;
}
